<!--设备异常-->
<template>
  <card-wrapper :data-item="dataItem" class="w-288">
    <area-top :text-left="dataItem['维修单编号']" :text-center="$i18n.t('mind.inAccordanceWith')" />
    <p class="text-14 color-333333">
      {{ dataItem['设备名称'] || '无' }} ( <span class="color-999999">{{ dataItem['设备编码'] || '无' }} </span> )
    </p>
    <label-normal :label="$i18n.t('mind.equipmentModel')" :value="dataItem['设备型号'] || '无'" class="mt-8" />
    <label-normal :label="$i18n.t('mind.causeOfIssue')" :value="`${dataItem['故障原因'] || '无'}`" class="mt-8" />
    <label-normal :label="$i18n.t('mind.faultPhenomenon')" :value="dataItem['故障现象'] || '无'" class="mt-8" />
    <label-normal :label="$i18n.t('mind.repairer')" :value="`${dataItem['报修人'] || '无'}  ${dataItem['报修时间'] || '无'}`" class="mt-8" />
  </card-wrapper>
</template>

<script>
import CardWrapper from '@/views/mind/components/common/card-wrapper.vue'
import AreaTop from '@/views/mind/components/common/area-top.vue'
import LabelIcon from '@/views/mind/components/common/label-icon.vue'
import LabelNormal from '@/views/mind/components/common/label-normal.vue'
export default {
  name: 'card-device-abnormal',
  props: {
    dataItem: {
      type: Object,
      default: () => {}
    }
  },
  components: { CardWrapper, AreaTop, LabelIcon, LabelNormal }
}
</script>
